{include file="public/header" /}

<body class="bgc hide-top">

    <div class="index-container">
        <img src="/static/index/img/icon45.png" alt="">
        <div class="index-content">
            <div class="pro-list-search index-search">
                <div class="rgt" onclick="load_href('{:url(\'product/search\')}',2)">
                    <img src="/static/index/img/icon43.png" alt="">
                    <input type="text" placeholder="输入商品关键字搜索" readonly>
                    <p class="flex-center">搜索</p>
                </div>
            </div>
            <div class="index-swiepr">
                <div class="swiper">
                    <div class="swiper-container carousel">
                        <div class="swiper-wrapper">
                            {foreach name="carousel" item="vo"}
                            <div class="swiper-slide" data-id="1">
                                <img src="{$vo.images}" alt="" />
                            </div>
                            {/foreach}
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
                   <div class="index-swiepr swiper-nav">
                       <div class="swiper">
                            <div class="swiper-container carousel-nav">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide flex-center">
                                        <ul class="nav-list">
                                            {foreach name="cate" item="vo"}
                                            <li {if $vo.id!=4} onclick="load_href('{:url(\'product/index\')}?cate_1={$vo.id}',2)" {else} onclick="load_href('{:url(\'user/lotto\')}',2)" {/if}>
                                                <p class="flex-center">
                                                    <img src="{$vo.icon}" alt="">
                                                </p>
                                                <p>{$vo.title}</p>
                                            </li>
                                            {/foreach}
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

            <!-- <ul class="index-shop">
                <li onclick="load_href('{:url(\'product/index\')}?cate_1=1',2)">
                    <div>
                        <p>报单专区</p>
                        <p class="hint">更多好物值得信赖</p>
                        <p class="go">GO ></p>
                    </div>
                    <p class="flex-center">
                        <img src="/static/index/img/icon28.png" alt="">
                    </p>
                </li>
                <li onclick="load_href('{:url(\'product/index\')}?cate_1=2',2)">
                    <div>
                        <p>兑换专区</p>
                        <p class="hint">最新好物等你来</p>
                        <p class="go">GO ></p>
                    </div>
                    <p class="flex-center">
                        <img src="/static/index/img/icon28.png" alt="">
                    </p>
                </li>
            </ul> -->

            <div class="index-title flex-center" style="color: #fff">
                <img src="/static/index/img/icon46.png" alt="">热门推荐
                <img src="/static/index/img/icon47.png" alt="">
            </div>

            <div class="tpl_list" style="padding-bottom: 5rem">

            </div>
        </div>
    </div>

    <script id="template" type="text/html">
        <ul class="index-list tpl_list">
            {{# for(var i = 0; i < d.data.length; i++){ }}
            <li>
                <a href="{:url('product/details')}?id={{d.data[i].id}}">
                    <p class="flex-center">
                        <img lay-src="{{d.data[i].icon}}" src="{{d.data[i].icon}}" alt="">
                    </p>
                    <div>
                        <p class="multi">{{d.data[i].title}}</p>
                        <p class="price">￥<span>{{d.data[i].vip_price}}</span></p>
                        <p class="flex-layout"><span>￥{{d.data[i].price}}</span>销量{{d.data[i].sales}}</p>
                    </div>
                </a>
            </li>
            {{# } }}
        </ul>
    </script>

    {include file="public/menu" select="1" /}
    {include file="public/footer"/}
    

    <script src="/static/index/js/swiper-bundle.js"></script>

    <script>
        $(function () {
            getFlow(1, "{:url('product/getList')}?pick=1");

            var swiper = new Swiper('.carousel', {
                pagination: {
                    el: '.swiper-pagination',
                },
                autoplay: {
                    delay: 3000,
                    disableOnInteraction: false,
                },
                loop: true
            });
        })
    </script>
</body>

</html>